﻿html{background-color: #fff;}
.product_bg{width:100%;height: auto;background-color: #fff;}
.product_list li {float: left;height: auto;
    width: 50%;
    border: none;
    border-bottom: 1px solid #e0e1e1;
    border-left: 1px solid #e0e1e1;
    margin-left: -1px;
    padding: 0px 0 2px 0;
    overflow: hidden;position: relative;margin-right: 0;margin-bottom: 0;box-sizing: border-box;}
    #product-box{margin-top: 10px;}
.product_btn_box span {
    display: inline-block;
    background-color: #0099ff;
    padding: 8px 10px;
    float: left;
    color: #fff;
    margin-left: 10px;
    border-radius: 4px;
    margin-bottom: 10px;
    font-size: 12px;
     font-size: 0.6rem;
}
.product_btn_box span a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 0.6rem;
}
.product_list li.mark{margin-right: 0;background-color: #fff;}
.product_list li:nth-of-type(2){border-top: 1px solid #e0e1e1;}
.product_list li:last-child{border-right:1px solid #e0e1e1;}
.product_list li:first-child{border-top: 1px solid #e0e1e1;}
.product_list li .image_app_box .product_img{width: 100%;border: 0;padding: 0;overflow: hidden;position: absolute;top:0;left: 0;box-sizing: border-box;}
.product_list li .image_app_box{display: block;
    width: 100%;
    margin-left: 0;
    padding: 50% 0;
    overflow: hidden;position: relative;box-sizing: border-box;}
 .product_list li .stock_img_box{top:initial;bottom: 15px;}
 .stock_img_box{position: absolute;right:10px;top:210px;z-index: 3;}
 .data_box div{white-space: nowrap;}
 .product_data h4{height: 20px;overflow: hidden;}
 .product_data { padding-top: 8px; border-top:1px solid #E9E9E9;height: auto;}
.product_data h4 span:first-child { padding-left: 10px; font-size: 15px; color: #f60; }
.product_data h4 span:last-child {  padding-right: 10px; font-size: 15px; color: #f60;  float: right;}
/*.product_data h4 span:last-child b {font-weight: normal;}*/
.data_box { padding: 5px 5px 0px 5px; }
.data_box div{ padding-bottom: 2px; padding-left: 10px;font-size: 12px;line-height: 16px;}
.data_box div.series b{color: #444;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;margin-right: 0;}
.data_box div.series b:first-child{width:60%;}
.data_box div.series b:last-child{width:40%;text-align: right;padding-right: 5px;}
.data_box div b{margin-right:16px;color:#444;font-weight: normal}
.product_div_bg{display: flex}
/*.flex_b{*/
    /*flex: 1;*/
    /*overflow: hidden;*/
    /*text-overflow:ellipsis;*/
    /*white-space: nowrap;*/
/*}*/
/*.product_div_bg .flex_b{*/
    /*margin: 0;*/
    /*font-size:12px;*/
/*}*/
.product_div_bg .flex_b1{
    margin: 0;
    font-size:0.5rem;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    width:40%;
}
.product_div_bg .flex_b2{
    margin: 0;
    font-size:0.5rem;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    width:25%;
}
.product_div_bg .flex_b3{
    margin: 0;
    font-size:0.5rem;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    width:35%;
}



.product_div_bg .product_b{flex: 1;margin: 0;font-size:12px}
.data_box div b.stock_left{float:right;margin-right:20px;color: #707070;}
.clear { clear:both;}
 .term_btn {width: 56px;height: 28px;background-color: #f80;border-radius: 5px;display: inline-block;color: #fff;font-size: 13px;position: fixed;top: 10px;
    right: 14px;z-index: 117;line-height: 28px;text-align: center;}
 .term_btn a {display: inline-block; width: 100%;height: 100%;color: #fff;}
 .no_data_tip{text-align: center;margin-top: 100px;}
 .add_btn{width:56px;height: 30px;text-align: center;line-height:30px;background-color:#fa0;color:#fff;display: inline-block;font-size: 14px;}
 span.more_icon_btn {display: inline-block;width: 25px;height: 30px;background: url(../Images/more.png) no-repeat;position: fixed;
    top: 10px;right: 1px;z-index: 117;background-size: 4px 20px;}
.full_bg_box{background-color: rgba(0,0,0,0.4);width: 100%;height: 100%;position: fixed;top:0;left: 0;z-index: 118;display: none;}
.menu_bg{width:150px;height: 126px;float: right;margin-right: 10px;margin-top: 46px;background: url(../Images/more_background.png) no-repeat;
		background-size: 150px 126px;z-index: 119;}
.assistant_list{margin-top:30px;}
.assistant_list li{position: relative;height: 40px;font-size:15px;line-height: 40px;}
.assistant_list li i{width:20px;height:18px;display: inline-block;position: absolute;background: url(../Images/Apply.png) no-repeat;
					background-size: 85%;left: 14px;top:12px;}
.assistant_list li i.search_icon{background-image: url(../Images/find.png);}
.assistant_list li a{width:100%;height: 100%;color: #666;display: inline-block;padding-left: 52px;}

.product_bg{ background-color:#f6f6f6;}

@media (max-width:350px){
	.data_box div.series {margin-top: 2px;}
	.product_data h4{height: 20px;overflow: hidden;}
	.product_data h4,.product_data h4 span,.product_data h4 span b{font-size: 12px;}
	.product_data h4 span:first-child b{font-size: 14px;}
	.product_data h4 span:last-child{ }
}
@media (min-width:351px) and (max-width:350px){
	/*.product_list li{height:260px;}*/
    .product_bg .product_b{color:#fa8e00 !important}
}
@media (min-width:351px) and (max-width:370px){
	/*.product_list li{height:272px;}*/
    .product_bg .product_b{color:#fa8e00 !important}
}
@media (min-width:371px) and (max-width:400px){

}
@media (min-width:401px) and (max-width:420px){
	/*.product_list li{height:292px;}*/
	.data_box div.series,.product_div_bg{margin-top:6px;}
    .product_bg .product_b{color:#fa8e00 !important}

}
@media (min-width: 421px) and (max-width:760px){	
	/*.product_list li{height:350px;}*/
    .product_bg .product_b{color:#fa8e00 !important}
}

@media (min-width: 761px) and (max-width:1023px){	
	.product_list li {width: 244px;margin-left: 8px; margin-right: 2px;border: 1px solid #e0e1e1;margin-bottom: 5px;padding-bottom:5px;}
	.product_list li img{position: relative;}
}
@media (min-width: 1024px){
	.product_list li {width: 244px; margin-left: 8px; margin-right: 2px;border: 1px solid #e0e1e1;margin-bottom: 5px;padding-bottom:5px;}
	.product_list li img{position: relative;}
}